<template>
  <div class="fullscreen bg-grey-2 text-white text-center q-pa-md column flex-center">

    <q-card  flat class="row flex-center q-py-md transparent ">
        <q-icon size="300px" class="q-mb-md" name="img:icons/404.svg" />
        <div class="text-h6 text-primary q-mt-md"  >
          迷路了吗？
        </div>
  
  
    </q-card>

    <q-btn
    class="q-my-xl"
    color="primary"
    outline
    unelevated
    @click="handleBackHome"
    label="返回首页"
    no-caps
  />


  </div>
</template>

<script>
export default {
  name: 'Error404',
  methods:{
    handleBackHome(){
      this.$router.replace('/')
    }
  }
}
</script>
